<template>
  <div id="app">
    <Navbar/>
    <main role="main" class="container introduce">
      <router-view/>
    </main>
    <Footers/>
  </div>
</template>
<script>
  import Navbar from '@/components/public/Navbar'
  import Footers from '@/components/public/Footers'
  export default {
    components: {
      Navbar,
      Footers
    },
    data () {
      return {
        dark: false
      }
    },
    created () {
      window.getApp = this
    },
    name: 'App'
  }
</script>

<style scoped>
  .introduce{
    max-width: 1234px;
    min-height: 400px;
  }
</style>
